<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Untitled Document</title>
    <link rel="stylesheet" href="css/menu.css" type="text/css" />
</head>

<body>
	<div id="menu_wrap">
      	 <div id="menu1" class="menu_item">Menu 1</div>
         <div id="menu2" class="menu_item">Menu 2</div>
         <div id="menu3" class="menu_item">Menu 3</div>
         <div id="menu4" class="menu_item">Menu 4</div>
         <div id="menu5" class="menu_item">Menu 5</div>
         <div id="menu6" class="menu_item">Menu 6</div>
     </div>
     
	 <!-- Start sub menues -->
	 <!-- 
         order of sub menus not important.
         JavaScript will locate sub menu and display
         in proper order.
     
         However, make sure your submenu div id number 
         corresponds with the menu number id
     -->
     <div id="submenu2" class="submenu_wrap">
     	<div class="submenu_item">Sub Menu 2</div>
        <div class="submenu_item">Sub Menu 2</div>
        <div class="submenu_item">Sub Menu 2</div>
        <div class="submenu_item">Sub Menu 2</div>
     </div>
     
     <div id="submenu1" class="submenu_wrap">
        <div class="submenu_item">Sub Menu 1</div>
        <div class="submenu_item">Sub Menu 1</div>
        <div class="submenu_item">Sub Menu 1</div>
        <div class="submenu_item">Sub Menu 1</div>
     </div>
     
	 <div id="submenu6" class="submenu_wrap">
        <div class="submenu_item">Sub Menu 6</div>
        <div class="submenu_item">Sub Menu 6</div>
        <div class="submenu_item">Sub Menu 6</div>
        <div class="submenu_item">Sub Menu 6</div>
     </div>
	 <!-- end sub menues -->
	 
	<script src="js/menu.js" type="text/javascript"></script>
    <script>
	 	//init();
		JSEasyMenu.init();
    </script>
</body>
</html>
